<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
 
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<base href="<%=basePath%>">
	<meta charset="UTF-8">
	<title>welcome</title>
	<link rel="stylesheet" href="<%=basePath%>css/bootstrap.css" />
	<link rel="stylesheet" href="<%=basePath%>js/bootstrap.min.js" />
	<link href="<%=basePath%>css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=basePath%>js/google-code-prettify/prettify.css" rel="stylesheet">
	<link rel="shortcut icon" href="<%=basePath%>img/logo.jpg">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=basePath%>img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=basePath%>img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=basePath%>img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=basePath%>img/apple-touch-icon-57-precomposed.png">
	
	
	<script type="text/javascript" src="<%=basePath%>js/jquery.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/google-code-prettify/prettify.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-transition.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-alert.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-modal.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-dropdown.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-scrollspy.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-tab.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-tooltip.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-popover.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-button.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-collapse.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-carousel.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-typeahead.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-affix.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/application.js"></script>
	<style type="text/css">
		.navbar{
			background-color:#999;
			font-color:blue;
		}
		body{
			background-color:#F3F1EC;
		
		}
		#header{
			background:#F0F5F8;
			border: 1px solid #DADEE5;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0;
			padding: 15px 30px;
		}
		#note{
			padding-bottom: 1em;
			
			position: relative;
			
			height:700px;
			float: left;
		
			border: 1px solid #DADEE5;
			border-top:none;
			margin:0px;
		
		}
		#down{
			margin:0px;
		
		}
		#left{
			padding-top:10px;
		}
		
		.getstart{
			background-color: #FFFAE7;
			border: 1px solid #CCCCCC;
			border-radius: 3px 3px 3px 3px;
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
			margin-top: 27px;
			padding: 12px;
			text-align: center;
			margin-left:67px;
			
		
		}
		.blank{
			
			text-align: center;
			width: 100%;
		
			
		}
	</style>
</head>
<body>
	<div id="container">
		<%@ include file="top.jsp"%>
		<div id="content">
			
			<div id="left" class="span3">
				<jsp:include page="lefttop.jsp">
					<jsp:param value="welcome" name="tag"/>
				</jsp:include>
				<%@ include file="leftdown.jsp" %>
				
			
			</div>
			<div class="span9" id="down">
				<div id="header">
					<div id="word"><b>大家好  欢迎来到crm</b></div>
					
				</div>
				<div id="note" class="span9">
					<div class="getstart span7"> 
						<h3> 万里长征第一步:<a  href="<%=basePath%>contact/addcontact.action?userid=${session.nowUser.id}">添加联系人</a></h3>
						<small>好的人脉关系，从这里开始！</small>
					</div>
					<div class="blank span9" style="margin:0px;">
						<div  style="padding-top:30px;"><h4>Highrise helps you keep in touch.</h4></div>
						<small>Below are some of the key benefits of Highrise</small>
						<table style="margin: 0 auto;max-width: 550px;width: auto; border-collapse: collapse;padding: 0;text-align: center;">
							<tbody>
								<tr>
									<td>
										<img alt="people" src="img/left.png">
									</td>
									<td>
										<img alt="history" src="img/zhong.png">
									</td>
									<td>
										<img alt="tasks" src="img/right.png">
									</td>
								</tr>
								<tr>
									<td>
										<h5>Shared address book</h5>
										<small>Store and share contact info for leads, clients, vendors, and others.</small>
									</td>
									<td>
										<h5>Contact history</h5>
										<small>Enter and review notes from calls, meetings, emails, conversations, etc.</small>
									</td>
									<td>
										<h5>Tasks and reminders</h5>
										<small>Set up email and mobile phone reminders to get things done.</small>
									</td>
								</tr>
							</tbody>
						</table>
						<div class="function span7" style="text-align:left;padding-left:2em;">
							<h4 style="color:blue;">You can also...</h4>
							<hr class="divider " />
							<h5>
								<a href="/account/settings">Upload your logo</a>
							</h5>
								<small>Your logo will appear on the login page.</small>
							<h5>
								<a href="/account/settings">Change colors</a>
							</h5>
								<small>Change Highrise's colors to better suit your brand.</small>
							<h5>
								<a href="/users">Invite other people to use Highrise with you</a>
							</h5>
								<small>Create user accounts for your co-workers so you can use Highrise together.</small>
						</div>
						
						
					</div>
				
				
				</div>
				
			
			
			
			</div>
		
		
			
		
		</div>
		
	
	
	
	
	
	
	
	
	
	</div>
	<script type="text/javascript">
			$(document).ready(function () {  
								
				$(".tip").tooltip();
			});  
	
	
	
	</script>




	
</body>
</html>